<%@page contentType="text/html;charset=utf-8" pageEncoding="UTF-8" %>
<%@page import="org.ipo.mm.web.util.pager.MeetingPager, org.ipo.mm.web.util.ConstantManager, java.util.Collection, org.ipo.mm.web.util.security.SecurityManager, java.util.Vector" %>
<%@taglib prefix="l" uri="http://struts.apache.org/tags-logic" %>
<%@taglib prefix="b" uri="http://struts.apache.org/tags-bean" %>
<%@taglib prefix="h" uri="http://struts.apache.org/tags-html"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<script type="text/javascript">
    function start(){
        startMeeting();
    }

    function startMeeting(){
        switchMenu('searchPanelMeeting');
    <l:iterate id="meeting" name="MEETING_SEARCH_RESULTS" scope="request">
            switchMenu('m${meeting.id}');
    </l:iterate>
        }
</script>


<h1><b:message key="meetings_meetings"/></h1>
<%
            Collection<Integer> privileges = (Collection<Integer>) request.getSession().getAttribute(ConstantManager.SESSION_USER_PRIVILEGES);
            if (privileges.contains(SecurityManager.CREATE_MEETING_PRIVILEGE)) {%>

<h:link styleClass="createNew" action="/protected/dispatch?method=showCreateMeetingForm&rm"><b:message key="meetings_createnew"/></h:link>

<%}%>


<!--advanced search form -->
<a class="detailSearch" onclick="switchMenu('searchPanelMeeting');" href="#"><b:message key="gen_advanced_search"/></a>
<div id="searchPanelMeeting">
    <br>
    <h:form  styleId="form3" action="/protected/meeting_search?&clearStack=true">
        <div style="clear:none">
            <div class="detailSearchForm" >
                <em><strong><b:message key="meetings_search_meeting_details"/></strong></em><br />

                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><b:message key="meetings_event_name"/></td>
                        <td>

                            <h:text property="meetingNameFilter" styleId="name" styleClass="filter" />

                            <h:select property="meetingNameOperator">
                                <h:option value="AND">AND</h:option>
                                <h:option value="OR">OR</h:option>
                            </h:select>

                        </td>
                    </tr>
                    <tr>
                        <td><b:message key="meetings_venue"/></td>
                        <td><h:text property="venueFilter" styleClass="filter"/>
                            <h:select property="venueOperator">
                                <h:option value="AND">AND</h:option>
                                <h:option value="OR">OR</h:option>
                            </h:select>

                        </td>
                    </tr>                    
                    <tr>
                        <td><b:message key="meetings_minutes"/></td>
                        <td>
                            <h:text property="conclusionsFilter"  styleClass="filter"/>

                            <h:select property="conclusionsOperator" styleId="conclusionsClause">
                                <h:option value="AND">AND</h:option>
                                <h:option value="OR">OR</h:option>
                            </h:select>

                        </td>
                    </tr>                    
                    <tr>
                        <td><b:message key="meetings_interval"/></td>
                        <td>
                            <div id="cont"></div>
                            <div id="info" style="text-align: center; margin-top: 1em;"><b:message key="meetings_select_interval_start"/></div>
                            <h:hidden property="dateIntervalStart" styleId="dateIntervalStart"/>
                            <h:hidden property="dateIntervalEnd" styleId="dateIntervalEnd"/>

                            <script type="text/javascript">//<![CDATA[

                                var SELECTED_RANGE = null;
                                function getSelectionHandler() {
                                    var startDate = null;
                                    var ignoreEvent = false;
                                    return function(cal) {
                                        var selectionObject = cal.selection;

                                        // avoid recursion, since selectRange triggers onSelect
                                        if (ignoreEvent)
                                            return;

                                        var selectedDate = selectionObject.get();
                                        if (startDate == null) {
                                            startDate = selectedDate;
                                            SELECTED_RANGE = null;
                                            document.getElementById("info").innerHTML = "<b:message key="meetings_select_interval_end"/>";
                                            document.getElementById("dateIntervalStart").value = Calendar.printDate(Calendar.intToDate(startDate), "%Y-%m-%d");
                                            // comment out the following two lines and the ones marked (*) in the else branch
                                            // if you wish to allow selection of an older date (will still select range)
                                            cal.args.min = Calendar.intToDate(selectedDate);
                                            cal.refresh();
                                        } else {
                                            ignoreEvent = true;
                                            selectionObject.selectRange(startDate, selectedDate);
                                            ignoreEvent = false;
                                            SELECTED_RANGE = selectionObject.sel[0];

                                            // alert(SELECTED_RANGE.toSource());
                                            //
                                            // here SELECTED_RANGE contains two integer numbers: start date and end date.
                                            // you can get JS Date objects from them using Calendar.intToDate(number)

                                            startDate = null;

                                            document.getElementById("info").innerHTML = selectionObject.print("%d/%m/%Y") +
                                                "<br><b:message key="meetings_select_interval_start_again"/>";
                                            document.getElementById("dateIntervalEnd").value = Calendar.printDate(Calendar.intToDate(selectedDate), "%Y-%m-%d");

                                            // (*)
                                            cal.args.min = null;
                                            cal.refresh();

                                        }
                                    };
                                };

                                Calendar.setup({
                                    cont          : "cont",
                                    fdow          : 1,
                                    selectionType : Calendar.SEL_SINGLE,
                                    onSelect      : getSelectionHandler()
                                });

                                //]]></script>
                        </td>
                    </tr>
                </table>
                <br />
                <br />

                <br />
                <script type="text/javascript">//<![CDATA[

                    var cal = Calendar.setup({
                        onSelect: function(cal) { cal.hide() },
                        showTime     : 24,
                        minuteStep  : 15

                    });
                    cal.manageFields("txt_field", "txt_field", "%d/%m/%Y %H:%M");

                    //]]></script>


            </div>
            <div class="detailSearchForm">
                <em><strong><b:message key="gen_search_organizer_label"/></strong></em><br />
                <table border="0" cellspacing="0" cellpadding<b:message key="meetings_select_interval_start_again"/>="0">
                    <tr>
                        <td><b:message key="repr_name"/></td>
                        <td>
                            <h:text property="orgNameFilter" styleClass="filter" styleId="organizerName"/>

                            <h:select property="orgNameOperator">
                                <h:option value="AND">AND</h:option>
                                <h:option value="OR">OR</h:option>
                            </h:select>


                        </td>
                    </tr>
                    <tr>
                        <td><b:message key="repr_inst"/></td>
                        <td>

                            <h:select property="orgInstitutionFilter" size="5" multiple="true" styleClass="list" >
                                <l:iterate id="inst" name="search_institutions">
                                    <h:option value="${inst.id}">${inst.name}</h:option>
                                </l:iterate>
                            </h:select>

                        </td>
                    </tr>
                    <tr>
                        <td><b:message key="repr_inst_type"/></td>
                        <td>

                            <h:select property="orgITypeFilter" size="5" multiple="true" styleClass="list" >
                                <l:iterate id="type" name="search_types">
                                    <h:option value="${type.id}">${type.name}</h:option>
                                </l:iterate>
                            </h:select>

                        </td>
                    </tr>
                    <tr>
                        <td><b:message key="repr_inst_region"/></td>
                        <td>

                            <h:select property="orgIRegionFilter" size="5" multiple="true" styleClass="list" >
                                <l:iterate id="region" name="search_regions">
                                    <h:option value="${region.id}">${region.name}</h:option>
                                </l:iterate>
                            </h:select>
                        </td>

                    </tr>
                    <tr>
                        <td><b:message key="repr_inst_family"/></td>
                        <td>


                            <h:select property="orgIFamilyFilter" size="5" multiple="true" styleClass="list" >

                                <l:iterate id="family" name="search_families">
                                    <h:option value="${family.id}">${family.name}</h:option>
                                </l:iterate>
                            </h:select>
                        </td>

                    </tr>

                    <tr>
                        <td><b:message key="repr_inst_city"/></td>
                        <td>
                            <h:select property="orgICityFilter" size="5" multiple="true" styleClass="list" >
                                <l:iterate id="city" name="search_cities">
                                    <h:option value="${city.id}">${city.name}</h:option>
                                </l:iterate>
                            </h:select>
                        </td>

                    </tr>

                </table>
            </div>
            <div class="detailSearchForm">
                <em><strong><b:message key="gen_search_representative_label"/></strong></em><br />
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td><b:message key="repr_name"/></td>
                        <td>


                            <h:text property="repNameFilter" styleClass="filter" />
                            <h:select property="repNameOperator">
                                <h:option value="AND">AND</h:option>
                                <h:option value="OR">OR</h:option>
                            </h:select>
                        </td>
                    </tr>
                    <tr>
                        <td><b:message key="repr_inst"/></td>

                        <td>
                            <h:select property="repInstitutionFilter" size="5" multiple="true" styleClass="list" >
                                <l:iterate id="inst" name="search_institutions">
                                    <h:option value="${inst.id}">${inst.name}</h:option>
                                </l:iterate>
                            </h:select>
                        </td>
                    </tr>
                    <tr>
                        <td><b:message key="repr_inst_type"/></td>
                        <td>
                            <h:select property="repITypeFilter" size="5" multiple="true" styleClass="list" >
                                <l:iterate id="type" name="search_types">
                                    <h:option value="${type.id}">${type.name}</h:option>
                                </l:iterate>
                            </h:select>

                        </td>
                    </tr>
                    <tr>
                        <td><b:message key="repr_inst_region"/></td>
                        <td>
                            <h:select property="repIRegionFilter" size="5" multiple="true" styleClass="list" >
                                <l:iterate id="region" name="search_regions">
                                    <h:option value="${region.id}">${region.name}</h:option>
                                </l:iterate>
                            </h:select>
                        </td>
                    </tr>
                    <tr>
                        <td><b:message key="repr_inst_family"/></td>
                        <td>
                            <h:select property="repIFamilyFilter" size="5" multiple="true" styleClass="list" >

                                <l:iterate id="family" name="search_families">
                                    <h:option value="${family.id}">${family.name}</h:option>
                                </l:iterate>
                            </h:select>
                        </td>
                    </tr>
                    <tr>
                        <td><b:message key="repr_inst_city"/></td>
                        <td>
                            <h:select property="repICityFilter" size="5" multiple="true" styleClass="list" >
                                <l:iterate id="city" name="search_cities">
                                    <h:option value="${city.id}">${city.name}</h:option>
                                </l:iterate>
                            </h:select>
                        </td>

                    </tr>

                </table>
            </div>
        </div>
        <span style="clear:left"><b:message key="gen_search_order_label"/> <h:select property="orderByClause">
                <h:option value="1"><b:message key="gen_search_order_newest_first"/></h:option>
                <h:option value="2"><b:message key="gen_search_order_oldest_first"/></h:option>
            </h:select>
            <h:submit><b:message key="gen_search"/></h:submit></span>
        </h:form>
</div>



<div class="tabelaNova">
    <!--<div class="item">-->
    <table>
        <tr>           
            <th scope="col"><h:link action="/protected/meeting_search?method=showMeetings&clearStack=true&orderBy=3"><b:message key="meetings_event_name"/></h:link></th>
            <th scope="col"><h:link action="/protected/meeting_search?method=showMeetings&clearStack=true&orderBy=4"><b:message key="meetings_organizer"/></h:link></th>
            <th scope="col"><h:link action="/protected/meeting_search?method=showMeetings&clearStack=true&orderBy=5"><b:message key="meetings_institution"/></h:link></th>
            <th scope="col"><h:link action="/protected/meeting_search?method=showMeetings&clearStack=true&orderBy=1"><b:message key="meetings_date"/></h:link></th>
            <th scope="col"><h:link action="/protected/meeting_search?method=showMeetings&clearStack=true&orderBy=6"><b:message key="meetings_venue"/></h:link></th>
            <!--<th scope="col"><b:message key="meetings_no"/></th>-->
            <th scope="col"><h:link action="/protected/meeting_search?method=showMeetings&clearStack=true&orderBy=7"><b:message key="meetings_draft_status"/></h:link></th>
        </tr>
        -        <l:iterate id="meeting" name="MEETING_SEARCH_RESULTS" scope="request">



            <tr class="red1">                
                <td><a onclick="switchMenu('m${meeting.id}');" class="expand"><span style="font-weight: bolder"><b:write name="meeting" property="eventName"/></span></a> </td>
                <td><a onclick="switchMenu('m${meeting.id}');" class="expand">
                        ${meeting.organizer.firstName} ${meeting.organizer.lastName}
                    </a>
                    <h:link action="/protected/meeting_search?rid=${meeting.organizer.id}" ><b:message key="meetings_meetings_with_person"/></h:link>
                </td>
                <td>
                    ${meeting.organizer.institution.name}
                    <h:link action="/protected/meeting_search?iid=${meeting.organizer.institution.id}" ><b:message key="meetings_meetings_with_institution"/></h:link>
                </td>
                <td><b:write name="meeting" property="date" format="dd/MM/yyyy"/> <b:write name="meeting" property="startTime"/>-<b:write name="meeting" property="endTime"/></td>
                <td><b:write name="meeting" property="venue"/></td>
                <!--<td><b:write name="meeting" property="id"/></td>-->
                <td>
                    <c:if test="${meeting.draft == true}">
                        <span style="color: red"><b:message key="meetings_draft"/></span>
                    </c:if>
                    <c:if test="${meeting.draft == false}">
                        <span ><b:message key="meetings_completed"/></span>
                    </c:if>
                </td>
            </tr>

            <tr>
                <td colspan="6" class="red2">


                    <div class="itemDetail" id="m${meeting.id}">
                        <strong><b:message key="gen_action"/></strong><br><br>
                        <span style="border-style:solid;padding:5px;margin-top:15px; border-color: orange">

                            <% if (privileges.contains(SecurityManager.EDIT_MEETING_PRIVILEGE)) {%>

                            <c:if test="${(meeting.draft == true) || USER.type == USER_TYPE_ADMIN_PA}">
                                <h:link styleClass="details" action="/protected/dispatch?method=showUpdateMeetingForm&rf=true"
                                        paramId="mid" paramName="meeting" paramProperty="id"><b:message key="gen_update"/>
                                </h:link>


                            </c:if>



                            <% }%>

                            <%

                                        if (privileges.contains(SecurityManager.DELETE_MEETING_PRIVILEGE)) {%>

                            <h:link styleClass="delete" action="/protected/dispatch?method=deleteMeeting"
                                    paramId="mid" paramName="meeting" paramProperty="id" onclick="return confirm('Are you sure you want to delete this item?/Da li ste sigurni da zelite da izbrisete ovaj entitet?')"
                                    ><b:message key="gen_delete"/></h:link>

                            <%}%>



                            <a href="<%= request.getContextPath()%>/protected/GetMeetingRaport?mid=${meeting.id}" class="print" ><b:message key="gen_print"/></a>

                        </span>

                        <p><strong><b:message key="meetings_organizer"/></strong></p>
                        ${meeting.organizer.firstName} ${meeting.organizer.lastName}
                        <h:link action="/protected/meeting_search?rid=${meeting.organizer.id}" ><b:message key="meetings_meetings_with_person"/></h:link>

                        <p><strong><b:message key="meetings_institution"/></strong></p>
                        ${meeting.organizer.institution.name}
                        <h:link action="/protected/meeting_search?iid=${meeting.organizer.institution.id}" ><b:message key="meetings_meetings_with_institution"/></h:link>

                        <p><strong><b:message key="meetings_participants"/></strong></p>
                        <table>
                            <tr>
                                <th style="background-color: #F2F2F2; color:#6589AB;"><b:message key="repr_name"/></th>
                                <th style="background-color: #F2F2F2; color:#6589AB;"><b:message key="repr_inst"/></th><!--
                                <th><b:message key="repr_inst_type"/></th>
                                <th><b:message key="repr_inst_family"/></th>
                                <th><b:message key="repr_inst_region"/></th>-->
                            </tr>
                            <l:iterate id="rep" name="meeting" property="representativeCollection">
                                <tr>
                                    <td>
                                        <c:choose>
                                            <c:when test="${rep.user == USER || USER.type == USER_TYPE_ADMIN_PA}">
                                                <h:link action="/protected/dispatch?method=showUpdateReprForm"
                                                        paramId="rid" paramName="rep" paramProperty="id">
                                                    <b:write name="rep" property="firstName"/>

                                                    <b:write name="rep" property="lastName"/>
                                                </h:link>
                                            </c:when>

                                            <c:otherwise>
                                                <b:write name="rep" property="firstName"/>
                                                <b:write name="rep" property="lastName"/>
                                            </c:otherwise>
                                        </c:choose>



                                        <h:link action="/protected/meeting_search" paramId="rid" paramName="rep" paramProperty="id"><b:message key="meetings_meetings_with_person"/></h:link>
                                    </td>
                                    <td>
                                        <%

                                                    if (privileges.contains(SecurityManager.EDIT_INSTITUTION_PRIVILEGE)) {%>

                                        <c:choose>
                                            <c:when test="${rep.institution.user == USER || USER.type == USER_TYPE_ADMIN_PA}">
                                                <h:link styleClass="details" action="/protected/dispatch?method=showUpdateInstForm&iid=${rep.institution.id}">
                                                    ${rep.institution.name}
                                                </h:link>
                                            </c:when>

                                            <c:otherwise>
                                                ${rep.institution.name}
                                            </c:otherwise>
                                        </c:choose>


                                        <%}%>


                                        <h:link action="/protected/meeting_search?iid=${rep.institution.id}"><b:message key="meetings_meetings_with_institution"/></h:link></td>

                                    <!--<td>${rep.institution.type.name}</td>
                                    <td>${rep.institution.family.name}</td>
                                    <td>${rep.institution.region.name}</td>-->
                                </tr>
                            </l:iterate>
                        </table>

                        <p>
                            <strong><b:message key="meetings_minutes"/></strong><br />
                            <textarea cols="100" rows="10" readonly><b:write name="meeting" property="conclusion"/></textarea>
                        </p>
                        <p>
                            <strong><b:message key="meetings_actions"/></strong><br />
                            <%--<textarea cols="100" rows="10" readonly><b:write name="meeting" property="actions"/></textarea>--%>

                        <table width="100%" border="0" >
                            <tr>
                                <th scope="col" style="background-color: #F2F2F2; color:#6589AB;"><b:message key="meetings_action_action"/></th>
                                <th scope="col" style="background-color: #F2F2F2; color:#6589AB;"><b:message key="meetings_action_name"/></th>
                                <th scope="col" style="background-color: #F2F2F2; color:#6589AB;"><b:message key="meetings_action_status"/></th>
                                <th scope="col" style="background-color: #F2F2F2; color:#6589AB;"><b:message key="meetings_action_due_date"/></th>
                            </tr>



                            <l:iterate id="actions" name="meeting" property="meetingActions">

                                <tr >
                                    <td>
                                        <b:write name="actions" property="actionText"/>
                                    </td>
                                    <td>
                                        <strong><b:write name="actions" property="name"/></strong>
                                    </td>
                                    <td>
                                        <c:choose>
                                            <c:when test="${actions.status == 'FINISHED'}">
                                                <b:message key="actions_finished" />
                                            </c:when>

                                            <c:when test="${actions.status == 'PENDING'}">
                                                <b:message key="actions_pending" />
                                            </c:when>

                                        </c:choose>


                                    </td>
                                    <td>
                                        <b:write name="actions" property="dueDate" format="dd/MM/yyyy"/>
                                    </td>
                                </tr>

                            </l:iterate>

                        </table>


                        <p>
                            <strong><b:message key="gen_note"/></strong><br />
                            <textarea cols="100" rows="10" readonly><b:write name="meeting" property="note"/></textarea>

                        </p>

                        <strong><b:message key="meetings_files"/></strong><br />
                        <l:iterate id="doc" name="meeting" property="documentCollection">
                            <div style="padding-bottom:5px;">
                                <b:message key="meetings_files_name"/> <b:write name="doc" property="name"/>
                                <b:message key="meetings_files_note"/> <b:write name="doc" property="note"/>
                                <a href="doc_download?did=${doc.documentPK.id}&mid=${doc.documentPK.meeting}" class="download">Download <b:write name="doc" property="fileName"/></a><br />
                            </div>
                        </l:iterate>


                        <p>
                            <strong><b:message key="gen_action"/></strong><br><br>
                            <span style="border-style:solid;padding:5px;margin-top:15px; border-color: orange">

                                <% if (privileges.contains(SecurityManager.EDIT_MEETING_PRIVILEGE)) {%>

                                <c:if test="${(meeting.user == USER && meeting.draft == true) || USER.type == USER_TYPE_ADMIN_PA}">
                                    <h:link styleClass="details" action="/protected/dispatch?method=showUpdateMeetingForm&rf=true"
                                            paramId="mid" paramName="meeting" paramProperty="id"><b:message key="gen_update"/>
                                    </h:link>


                                </c:if>



                                <% }%>

                                <%

                                            if (privileges.contains(SecurityManager.DELETE_MEETING_PRIVILEGE)) {%>

                                <h:link styleClass="delete" action="/protected/dispatch?method=deleteMeeting"
                                        paramId="mid" paramName="meeting" paramProperty="id" onclick="return confirm('Are you sure you want to delete this item?/Da li ste sigurni da zelite da izbrisete ovaj entitet?')"
                                        ><b:message key="gen_delete"/></h:link>

                                <%}%>



                                <a href="<%= request.getContextPath()%>/protected/GetMeetingRaport?mid=${meeting.id}" class="print" ><b:message key="gen_print"/></a>

                            </span>
                        </p>
                    </div><!--itemDetail-->
                </td>
            </tr>

        </l:iterate>
        <tr>
            <th scope="col"><h:link action="/protected/meeting_search?method=showMeetings&clearStack=true&orderBy=3"><b:message key="meetings_event_name"/></h:link></th>
            <th scope="col"><h:link action="/protected/meeting_search?method=showMeetings&clearStack=true&orderBy=4"><b:message key="meetings_organizer"/></h:link></th>
            <th scope="col"><h:link action="/protected/meeting_search?method=showMeetings&clearStack=true&orderBy=5"><b:message key="meetings_institution"/></h:link></th>
            <th scope="col"><h:link action="/protected/meeting_search?method=showMeetings&clearStack=true&orderBy=1"><b:message key="meetings_date"/></h:link></th>
            <th scope="col"><h:link action="/protected/meeting_search?method=showMeetings&clearStack=true&orderBy=6"><b:message key="meetings_venue"/></h:link></th>
            <!--<th scope="col"><b:message key="meetings_no"/></th>-->
            <th scope="col"><h:link action="/protected/meeting_search?method=showMeetings&clearStack=true&orderBy=7"><b:message key="meetings_draft_status"/></h:link></th>
        </tr>
    </table>
    <!--</div>--><!--item-->
</div><!--tabela-->

<div id="navigation">

    <% MeetingPager pager = (MeetingPager) request.getSession().getAttribute(ConstantManager.SESSION_MEETING_PAGER);%>

    <c:if test="${MEETING_SEARCH_SHOW_PREV}">

        <a href="<%= request.getContextPath() + "/protected/meeting_search.do?method=showMeetings&p=" + (pager.getPageNumber() - 1)%>" class="previous"><b:message key="gen_previous"/></a>

    </c:if>


    <%-- padajuca lista sa brojevima strana --%>



    <select name="URL" onchange="window.location=this.options[selectedIndex].value">
        <%

                    Vector<Integer> pagenumbers = (Vector<Integer>) request.getAttribute("MEETING_SEARCH_PAGENUMBERS");
                    if (pagenumbers != null) { // if quicksearch is used
                        for (int i = 0; i < pagenumbers.size(); i++) {
                            int pageParam = pager.getPageNumber();
                            int pageNumber = pagenumbers.get(i);

                            if (pageParam == pageNumber) {
                                out.write("<option value=\"" + request.getContextPath() + "/protected/meeting_search.do?method=showMeetings&p=" + pageNumber + "\" selected=\"selected\">" + pageNumber + "</option>");
                            } else {
                                out.write("<option value=\"" + request.getContextPath() + "/protected/meeting_search.do?method=showMeetings&p=" + pageNumber + "\">" + pageNumber + "</option>");

                            }


                        }

                    }

        %>


    </select>




    <%-- end padajuca lista sa brojvima strana --%>



    <c:if test="${MEETING_SEARCH_SHOW_NEXT}">

        <a href="<%= request.getContextPath() + "/protected/meeting_search.do?method=showMeetings&p=" + (pager.getPageNumber() + 1)%>" class="next"><b:message key="gen_next"/></a>
    </c:if>
    <p>
        <b:message key="gen_items_showing"/> <%= pager.getItemInterval()%> <b:message key="gen_items_of_total"/> <%= pager.getResultsTotal()%>
    </p>

</div>